<template>
	<m-layout barBg="unset" gap="0" color="#ffffff" :scrollTop="scrollTop" :title="title" scrollColor="#7868fe">
		<image class="rules" src="../../../static/images/pages/home/activeRules.png" mode=""></image>
	</m-layout>
</template>

<script>
	export default {
		name: '',
		data() {
			return {
				scrollTop: 0,
				title:'',
			}
		},
		onPageScroll({ scrollTop }) {
			this.scrollTop = scrollTop;
			console.log('scrollTop',scrollTop)
			if(scrollTop>100){
				this.title='活动奖励'
			}else{
				this.title=''
			}
		},
	}
</script>

<style lang="scss">
	page {
		
		background-color: #7868fe;
		
		.rules {
			width: 100%;
			height: 1624rpx;
			position: relative;
			display: block;
			top:-165rpx
		}
	}
</style>